/* Import the original circuit styles */
@import url('/circuits/style.css');
@import url('/circuits/attribution_graph/cg.css');
@import url('/circuits/attribution_graph/gridsnap/gridsnap.css');
@import url('/circuits/feature_examples/feature-examples.css');

/* React-specific adaptations */
.circuit-container {
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

/* Ensure the circuit visualization fits within the React layout */
.cg-div {
  height: calc(100vh - 200px) !important;
  margin: 0 !important;
  border: none !important;
}

/* Adapt tooltip positioning for React */
.tooltip {
  position: fixed !important;
  z-index: 10000 !important;
}

/* Ensure proper font loading */
html {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* React-specific overrides */
body {
  margin: 0 !important;
  padding: 0 !important;
}

/* Ensure SVG elements are properly sized */
svg {
  max-width: 100% !important;
  height: auto !important;
} 